import React from 'react'
import { Button, Result, Typography } from 'antd'
import { Link } from 'react-router-dom'
import { SmileOutlined } from '@ant-design/icons'

const { Title, Text } = Typography

const NotFound: React.FC = () => {
  return (
    <Result
      status="404"
      title={<Title level={2}>404</Title>}
      subTitle={<Text strong>抱歉，你访问的页面不存在</Text>}
      icon={<SmileOutlined style={{ fontSize: 120, color: '#1890ff' }} />}
      extra={
        <Button type="primary" size="large">
          <Link to="/dashboard">返回首页</Link>
        </Button>
      }
      style={{ minHeight: '80vh', display: 'flex', flexDirection: 'column', justifyContent: 'center' }}
    />
  )
}

export default NotFound
